@charset "utf-8";
.inbg{ background:#fff;}
.inbanner{ width:100%; margin:0 auto; margin-top:90px;}
.slides-box {  width: 100%;  height:700px; margin: auto; overflow: hidden;position: relative;}
.slides { position: relative; height: 700px; width: 100%; min-width: 1300px; margin: auto;  text-align:center;}
.slides li {position: absolute;display: block;  width:  100%; height: 700px; text-align:center; overflow:hidden;}
/*.slides a li img{position: absolute;  display: block; height:700px; width:auto; margin:0  auto; }*/
.slides a li img{position: absolute;  display: block; max-height:100%; width:100%; margin:0  auto; }
/*.prev, .next { position: absolute; z-index: 99; top: 50%; margin-top: -40px; left: 0; height: 70px; width: 30px; color: #fff; cursor: pointer; background-color: #000; opacity: .5;}*/
.prev, .next { position: absolute; z-index: 99;  top: 50%; margin-top:0px; left: 0; height: 41px; width: 41px; color: #fff; cursor: pointer;opacity: .1;}
.prev:hover, .next:hover{opacity: .7;}
.prev{ left:10%;background-image: url();}
.next {   left: auto;   right: 10%;   background-image: url();}
.pagination{position: absolute;bottom: 20px;	z-index: 99;}
.pagination li{  padding: 5px 7px;	float: left;}
.pagination li a{  display: block;  width: 55px;  height: 2px; background: rgba(255,255,255,0.3);color: #fff;   text-align: center; font-family: Arial;text-decoration: none;}
.pagination .active{background:#222d7d;}

.slides-box .prev,.slides-box .next{ opacity: 0;transition: all .36s ease}
.slides-box:hover .prev,.slides-box:hover .next{ opacity: .1;}
.slides-box:hover .prev:hover,.slides-box:hover .next:hover{opacity: .7;}
.banner_img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}





.intitle{text-align:center}
.intitle p:nth-of-type(2){color:#979797;font-size:14px;text-transform:uppercase;position:relative;padding:5px 0 10px 0}
.intitle p:nth-of-type(1){font-size:36px;font-weight:bold;color:#000000}
.intitle p:nth-of-type(2)::after{position:absolute;left:50%;transform:translateX(-50%);bottom:0;width:80px;height:4px;background:#222d7d;content:""}
.intitle p:nth-of-type(3){color:#979797;font-size:15px;text-transform:uppercase;position:relative;padding:15px 0 20px 0}

.product{background:#fafafa}
.product > .fr{width:57%}
.product_fr_div_padd{padding-left:15%}
.product_div{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);width:100%}
.product_li{line-height:95px}
.product_li .fl{width:20%;text-align:center}
.product_img{display:inline-block}
.product_img1{display:none}
.product_img1{filter: grayscale(100%);    filter: gray;    filter: grayscale(100%) brightness(600%);}
.product_li .fr{width:80%;padding:0 80px 0 90px;color:#2b2b2b;font-size:1.125rem;position:relative}
.product_li .fr::after{position:absolute;left:0;top:50%;transform:translateY(-50%);width:60px;height:1px;content:"";background:#000000}
.product_li .fr::before{width:30px;height:30px;content:"";background:url(/images/homeicoj.png) no-repeat;background-size:100% 100%;position:absolute;right:8%;top:50%;transform:translateY(-50%)}
.product_li:hover,.product_li.active{background:#222d7c;color:#fff;transition:400ms ease-in-out;-moz-transition:400ms ease-in-out;-webkit-transition:400ms ease-in-out;-o-transition:400ms ease-in-out}
.case_div > a,.case_div > a > img{border-radius:0px}
.product_li:hover .product_img,.product_li.active .product_img{display:none}
.product_li:hover .product_img1,.product_li.active .product_img1{display:inline-block}
.product_li:hover .fr::after,.product_li.active .fr::after{background:#fff}
.product_li:hover .fr,.product_li.active .fr{color:#fff}
.product_fl{width:32%}
.product_ul{width:100%;float:left}
.product_fr{background:#fff;border:8px solid #d3d3d3;padding:50px 30px;cursor:pointer}
.product_fr{text-align:center;width:100%}
.product_fr_p{color:#000000;font-size:1.3125rem;padding-bottom:25px;position:relative;display:block}
.product_fr_p::after{position:absolute;left:50%;bottom:10px;transform:translateX(-50%);width:100px;height:1px;content:"";background:#e3e3e3}
.product_fr_p::before{position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:17px;height:2px;content:"";background:#222d7c}
.product_fr p:nth-of-type(1){color:#515151;font-size:1rem;line-height:30px;margin:25px 0 45px 0;display:-webkit-box;-webkit-box-orient:vertical;text-overflow:ellipsis;-webkit-line-clamp:3;overflow:hidden}
.product_pa{position:absolute;left:0px;right:0;top:50%;transform:translateY(-50%);width:30%;z-index:55}
.more{color:#222d7c;font-size:14px;text-transform:uppercase;text-decoration:underline !important}
.product_bott{padding:0 16%;padding-bottom:20px;border-bottom:0px solid #e8e8e8;margin-bottom:45px}
.product_bott_size{text-align:center}
.product_bott_size a{color:#1a1a1a;font-size:1.0625rem;line-height:48px;background:#fafafa;display:block}
.product_bott_div:hover .product_bott_size a{background:#222d7d;color:#fff}
.product_bott .swiper-button-white{width:55px;height:55px;border-radius:50%;line-height:55px;background:#9f9f9f;color:#FFF;box-shadow:0 0 13px rgba(0,0,0,.1);text-align:center;opacity:1;cursor:pointer;transition:ease .5s;font-weight:bold}
.product_bott .swiper-button-white:hover{background:#4c5493;color:#fff;box-shadow:none}
.product_bott .swiper-button-prev{left:13%;}
.product_bott .swiper-button-next{right:13%}
.product_bott .swiper-container-free-mode > .swiper-wrapper{-webkit-transition-timing-function:linear;-moz-transition-timing-function:linear;-ms-transition-timing-function:linear;-o-transition-timing-function:linear;transition-timing-function:linear;margin:0 auto}

.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after { font-size: 14px;content:">";}
.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after { font-size: 14px;content:"<";}


.visualjj{ margin-top:30px}
.visualjj dl{ width: 600px; float:left; margin-right:100px;    border-radius: 0px; height:200px; overflow:hidden;    border: 1px solid #c9c9c9; margin-bottom:20px;}
.visualjj dl dt{ width:200px; margin: 0px 0;padding: 0 0px; float:right;font-size:18px; background:#4e5896;}
.visualjj dl dt .img{ width:140px; height:140px; margin:30px;border:1px solid #FFF; border-radius:50%; }
.visualjj dl dt img{ max-width:100%; display:block; margin:25px 0 0 25px; filter: grayscale(100%);    filter: gray;    filter: grayscale(100%) brightness(600%);}
.visualjj dl dd{ font-size: 15px; float:left; width:380px; margin:20px 0;    display: block;    padding: 0 20px;    line-height: 26px;}
.visualjj dl dd em{ display:block; font-size:20px; font-weight:bold; margin-bottom:20px;}
.visualjj dl:nth-child(2n){margin-right:0;}

.youshi{ background:url(../images/about_company_bg.jpg) center bottom no-repeat #f5f5f5; width:100%; padding:50px 0 200px 0; margin:0 auto;float:left }
.visual_jishu {width:100%;margin:0px auto; }
.visual_jishu ul{ width:1300px;  margin:0px auto; }
/*.visual_jishu li{ width:22.91%;*width:22.9%; height:464px; float:left; margin-right:2.5%; text-align:center; padding:50px 0;  background:#f2f2f2; transition:all .2s ease-in;-moz-transition:all .2s ease-in;-webkit-transition:all .2s ease-in;
position:relative;

}*/
.visual_jishu li{ width:22.91%;*width:22.9%; height:464px; float:left; margin-right:2.5%; text-align:center; padding:0px 0;  background:#f2f2f2; transition:all .2s ease-in;-moz-transition:all .2s ease-in;-webkit-transition:all .2s ease-in;position:relative;}

.visual_jishu li em{ display:block; width:100%; height:100%; position:absolute; z-index:1;}
.visual_jishu li a{ display:block; width:100%; height:100%; position:absolute; z-index:2;background: rgba(0, 0, 0, .5);}

.visual_jishu li a{ padding-top:150px; transition:all 0.2s;  }
.visual_jishu li:last-child a{border-right:0px solid #999;}
.visual_jishu li:nth-child(4n){ margin-right:0;}

.visual_jishu li span{ font-size:14px; color:#FFF; line-height:25px;height:50px; padding:0 30px; display:block;margin-top:30px}
.visual_jishu li b{ width:40px; margin:0 auto; border-bottom:1px solid #f1f1f1; margin-bottom:20px; position:absolute; margin-left:-20px;}
.visual_jishu li p{ font-size:14px; color:#fff; line-height:25px; padding:0 30px; display:block; }
.visual_jishu li h3{ font-size:18px; height:50px; display:block;color:#fff; font-weight:normal; line-height:50px;}
.visual_jishu li i{ width:40%; margin:0 auto;margin-bottom:0px; line-height:40px;}
.visual_jishu li i img{ width:83px; transition:all 0.2s;margin-top:-30px;}

.cust_list{ margin:0 auto;}
.cust_list li{float: left;_display: inline;overflow: hidden;width: calc(12.5% - 18px);padding: 0px;margin-right: 20px; margin-bottom:24px;   border: 1px solid #fff;   padding-bottom: 0px;    overflow: hidden;    transition: 0.2s ease all;    -webkit-transition: 0.2s ease all;    -moz-transition: 0.2s ease all; border-radius:0px;}
.cust_list li span{background: #f9f9f9;width: 100%;overflow: hidden;display:block; border-radius:0;}
.cust_list li span img{width: 100%; display:block;transition: 0.4s ease all;}
.cust_list li p{ width:100%; display:block; height:50px; line-height:50px; text-align:center; background:#FFF; padding-top:0px; color:#333; font-size:16px;}
.cust_list li:hover p{color: #4e5896; background:#FFF; }
.cust_list li:hover {    border-color: #FFF;}
.cust_list li:nth-child(8n){ margin-right:0;}
.cust_list li:hover span img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);}




.support_wid > div{width:49.5%}
.support_fr_wid > a{width:48%}
.support_fr_wid .fr{width:48%}
.Journalism_span{position:absolute;left:0;top:0;background:#222d7d;color:#fff;width:92px;height:92px;padding-top:6px;font-size:0.9375rem;text-align:center}
.Journalism_span span{font-size:2.3125rem;line-height:50px;display:block}
.support .title{text-align:left;margin-bottom:35px}
.support .title p:nth-of-type(2)::after{left:0%;transform:translateX(0%)}
.support_fr_size a:nth-of-type(1){color:#000000;font-size:1.125rem;display:-webkit-box;-webkit-box-orient:vertical;text-overflow:ellipsis;-webkit-line-clamp:1;overflow:hidden}
.support_fr_size p{display:-webkit-box;-webkit-box-orient:vertical;text-overflow:ellipsis;-webkit-line-clamp:3;overflow:hidden;color:#6b6b6b;font-size:1rem;margin:7px 0 20px 0;line-height:32px}
.support_fr_size a:nth-of-type(2){color:#9c9c9c;font-size:.875rem;display:inline-block;border:1px solid #e3e3e3;line-height:39px;padding:0 32px}
.Journalism_bor{width:100%;padding:22px 20px;border-bottom:1px solid #ebebeb}
.Journalism_qi{width:18%;float:left;text-align:center}
.Journalism_qi p:nth-of-type(1){font-size:1.9375rem;color:#222d7d;font-weight:bold;line-height:1.115}
.Journalism_qi p:nth-of-type(2){font-size:.875rem;color:#6b6b6b}
.Journalism_rig_size{width:82%;float:left}
.Journalism_rig_size p{font-size:1rem;line-height:1.0625rem;color:#6b6b6b;display:-webkit-box;-webkit-box-orient:vertical;text-overflow:ellipsis;-webkit-line-clamp:1;overflow:hidden}
.Journalism_rig_size a{color:#000000;font-size:1.125rem;padding-bottom:0px;line-height:1.947;display:block;display:-webkit-box;-webkit-box-orient:vertical;text-overflow:ellipsis;-webkit-line-clamp:1;overflow:hidden}
.Journalism_bor:hover .Journalism_rig_size a{color:#222d7d}
.Journalism_lunbo{position:relative}
.Journalism_lunbo .swiper-button-next,.Journalism_lunbo .swiper-button-prev{background:none;position:static;width:48.5%;float:left;background:#e3e3e3;text-align:center;height:35px;margin-top:15px;line-height:35px;font-weight:bold;font-size:1.375rem}
.Journalism_lunbo .swiper-button-next:hover,.Journalism_lunbo .swiper-button-prev:hover{background:#222d7d}
.Journalism_lunbo .swiper-button-next .iconfont,.Journalism_lunbo .swiper-button-prev .iconfont{color:#fff}
.Journalism_lunbo .swiper-button-prev{margin-right:15px}
.Journalism_bor:hover .Journalism_rig_size a{color:#222d7d}
.Journalism_lunbo .swiper-button-next.swiper-button-disabled,.Journalism_lunbo .swiper-button-prev.swiper-button-disabled{opacity:6}
.Journalism_bor:hover{background:#f5f5f5}
.Journalism_lunbo .swiper-container{height:300px}
.support{background:#f6f4f5;padding:75px 0 115px 0;margin-bottom: -50px;}
.support_fr_ul{padding:16px;border:1px solid #e5e5e5}
.support_fr_ul li{background:#fff;padding:18px 25px;margin-top:10px}
.support_fr_ul li a{color:#000000;font-size:1.125rem;display:-webkit-box;-webkit-box-orient:vertical;text-overflow:ellipsis;-webkit-line-clamp:1;overflow:hidden}
.support_fr_ul li p{color:#6b6b6b;font-size:1rem;line-height:28px;margin-top:5px;display:-webkit-box;-webkit-box-orient:vertical;text-overflow:ellipsis;-webkit-line-clamp:2;overflow:hidden}
.support_fr_ul li:nth-of-type(1){margin-top:0}

.support .intitle {    text-align: left;    margin-bottom: 35px;}
.support .intitle p:nth-of-type(2)::after {    left: 0%;width:35px;    transform: translateX(0%);}

.inaboutbg{ width:100%; margin:0 auto; background:url(../images/inaboutbg.jpg) top center no-repeat #f1f1f1; padding:50px 0 100px 0;}
.inabout{ width:100%; margin:0 auto; }
.inabout dl dt{ width:520px; height:548px; float:left;padding:20px 0; }
.inabout dl dt img{ max-width:100%; display:block; margin:0 auto;}
.inabout dl dd{ width:730px; height:548px; float:right;padding:20px 0; }
/*.inabout dl dd p:nth-of-type(1){ font-size:30px; font-weight:600; height:50px; line-height:50px;margin-top:10px;}
.inabout dl dd p:nth-of-type(2){ font-size:26px; font-weight:600; color:#666; height:50px; line-height:50px; margin-top:30px;}
.inabout dl dd p:nth-of-type(3){ font-size:16px; height:150px; line-height:30px; margin-top:30px; display:block; overflow:hidden;}*/

.inabout dl dd p.ctit{ font-size:30px; font-weight:600; height:50px; line-height:50px;margin-top:10px;}
.inabout dl dd p.cyoushi{ font-size:26px; font-weight:600; color:#666; height:50px; line-height:50px; margin-top:30px;}
.inabout dl dd p.cdes{ font-size:16px; height:150px; line-height:30px; margin-top:30px; display:block; overflow:hidden;}

.num{display: -webkit-flex;display: flex;justify-content:space-between;flex-wrap: nowrap;align-items:center; height:260px; font-size:15px; color:#000; text-align:center; }
.num span,.num i{ display:inline-block; vertical-align:top;}
.num li { width:183px; display:inline-block;}
.num li span{ width:90%; border-right:1px solid #ddd;}
.num li:nth-child(4) span{ width:90%; border-right:0px solid #ddd;}
.num span{ font-size:60px; color:#222d7d; font-family:impact; position:relative; z-index:3;}
.num span em{ font-size:22px; font-family:impact; line-height:30px; color:#222d7d;}
.num p+p{ margin-top:30px;}

.nmt30{ margin-top:30px;}
.nmt50{ margin-top:50px;}